草庐IT

html 图像

全部标签

javascript - 图像加载不适用于 IE 8 或更低版本

我的目标是检查图像是否已成功加载。它在现代浏览器中运行良好,但IE8或7这是一个可怕的问题。这是一个示例代码:varimg=newImage(),url='http://something.com/images/something.gif';$(img).attr('src',url).load(function(){if(!this.complete||typeofthis.naturalWidth=="undefined"||this.naturalWidth==0){alert('brokenimage!');}else{alert('successfullyloaded');}

javascript - jQuery 图像选择器

我正在寻找一个允许我执行以下操作的jQuery图像选择器插件:显示一组图片并让用户通过点击选择一张(且只能选择一张)如果用户不喜欢指定的任何图片,他应该能够上传自己的图片只要#1就足够了,因为我可以根据需要添加#2的代码我知道这并不难,但如果有人们为此使用的标准插件,我宁愿使用它也不愿重新发明轮子。 最佳答案 我知道这已经得到解答,但实际上我开发了一个库来解决第一个问题。你可以在这里查看:http://rvera.github.com/image-picker/ 关于javascript

javascript - 如何排除提交的 HTML 表单单选按钮值?

我只需要通过网络表单向cgi脚本提交一个输入字段值。我添加了几个额外的表单控件(一个复选框和单选按钮),它们根据所选状态来操作输入值。提交表单时,还会提交额外的表单字段值,这会破坏cgi脚本(我无权访问)。我从复选框中删除了“名称”属性,因此它们不会被提交,但不能对单选按钮执行此操作,因为它会破坏它们的分组。如何防止提交单选按钮值? 最佳答案 您可以添加disabled在submit中赋予它们处理程序,这将防止它们被jQuery或普通序列化。提交。例如:$("#myForm").submit(function(){$(this).f

javascript - Angular.js 图像 404 未找到

我有一个小问题。我想显示从我的restapi获得的类别中的图标。为此,我使用restangular来为我提供设计的图标。我的问题是Firebug警报:"NetworkError:404NotFound-http://localhost:8888/app/%7B%7Bc.icon%7D%7D"这是因为我的模板是在api响应之前加载的。这是我Controller中对应的一段代码Category.getList().then(function(categories){$scope.categories=categories;});如您所见,我尝试使用ng-cloak,我也尝试使用ng-sho

javascript - Jquery Cycle + Firefox 压缩图像

我正在为图片库运行jQueryCycle。查看链接:Here我的问题是在firefox中查看时图像被压扁。当我重新加载页面时,问题消失了。这让我相信Javascript在加载所有图像之前触发(通常第一张图像工作正常,其余图像被压扁。)硬刷新重现问题。我已将所有内容包装在$(document).ready(function(){});但它仍然会发生。附加信息:如果我指定图像的宽度和高度,一切正常。然而,有数百张不同尺寸的图片..我对这个问题感到非常沮丧。非常感谢任何想法/帮助!这是我的代码:$(document).ready(function(){//functiononBefore(c

javascript - 在 chrome 扩展中调整 popup.html 的大小

我有这个chrome扩展,它在popup.html中显示了一些内容。随着内容在“运行时”发生变化,popup.html的大小也会发生变化,从而在有更多内容要显示的地方扩展。我遇到的问题是popup.html不会根据较小的内容调整自身大小。我该怎么做? 最佳答案 添加到popup.html的最开头-看起来你忘记添加它了 关于javascript-在chrome扩展中调整popup.html的大小,我们在StackOverflow上找到一个类似的问题: https

javascript - 获取完整的 html 而不仅仅是 innerhtml

我想获取html,包括我用来获取html的选择器假设我有content当我执行$('#foo').html()时,我得到了content在jquery中有没有办法获取整个html,包括父级(选择器div)我想要整个htmlcontent 最佳答案 你可以这样做:$('#foo')[0].outerHTML;DEMO更多信息:https://developer.mozilla.org/en/DOM/element.outerHTML 关于javascript-获取完整的html而不仅仅是i

javascript - 如何从本地机器加载图像到JS对象避免加载到服务器

我想从计算机直接加载图像文件到任何js对象,而不使用任何服务器端组件。比如我想从本地机器中选择一张图片显示在网页上。有没有办法避免文件上传到服务器?事实上,我想写一种多图像加载器,但在加载到服务器之前,我想旋转一些图像,创建一个包含用户ID、图像文件名列表等数据的xml文件,并压缩所有图像和这个xml,然后将它发送到服务器。我怎样才能在客户端做到这一点? 最佳答案 HTML5有一种方法,但它要求用户将文件放入放置目标或使用框,否则会出现安全问题。使用File可以读取文件的API,具体可以使用FileReader.readAsData

javascript onclick获取没有路径的图像名称

我需要从没有路径的SRC属性中复制图像的名称(名称+扩展名)..HTML:JS:functiongetName(){document.getElementById("result").value=document.getElementById("img1").src;}这段代码克隆了图像的完整路径。路径不是静态的,所以我不能只删除“SRC”的其余部分。提前致谢 最佳答案 你应该试试这段代码:varfilename=fullPath.replace(/^.*[\\\/]/,'');您的JS函数将是:functiongetName(){

javascript - 使用 native javaScript 附加 html

我需要使用纯javaScript将一些html附加到现有元素:functioncreate(htmlStr){varfrag=document.createDocumentFragment(),temp=document.createElement('div');temp.innerHTML=htmlStr;while(temp.firstChild){frag.appendChild(temp.firstChild);}returnfrag;}vartarget=document.querySelectorAll(".container-right");varfragment=cre